<template>
  <div class="row">
    <div class="col-md-8">
      <div class="index-card">
        <div class="index-card-head">
          <h3>开源书籍</h3>
        </div>
        <div class="index-card-body">
          <div class="row">
            <div class="col-md-6">
              <div class="index-card-body-list">
                <a href="" target="_blank"
                   itemprop="url">程序员的自我修养</a>
              </div>
              <div class="index-card-body-list">
                <a href="" target="_blank" itemprop="url">Java编程思想</a>
              </div>
              <div class="index-card-body-list">
                <a href="" target="_blank" itemprop="url">Java 8简明教程</a>
              </div>
              <div class="index-card-body-list">
                <a href="" target="_blank" itemprop="url">Spring
                  4.x参考文档</a>
              </div>
              <div class="index-card-body-list">
                <a href="" target="_blank" itemprop="url">Spring
                  MVC
                  4.x中文文档</a>
              </div>
              <div class="index-card-body-list">
                <a href="" target="_blank" itemprop="url">Spring
                  Boot
                  1.4中文文档</a>
              </div>
            </div>
            <div class="col-md-6">
              <div class="index-card-body-list">
                <a href="" target="_blank"
                   itemprop="url">ElasticSearch权威指南</a>
              </div>
              <div class="index-card-body-list">
                <a href="" target="_blank"
                   itemprop="url">Gradle官方文档翻译</a>
              </div>
              <div class="index-card-body-list">
                <a href="" target="_blank"
                   itemprop="url">HTTP2讲解</a>
              </div>
              <div class="index-card-body-list">
                <a href="" target="_blank"
                   itemprop="url">JS函数式编程指南</a>
              </div>
              <div class="index-card-body-list">
                <a href="" target="_blank" itemprop="url">React入门教程</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="col-md-4">
      <div class="index-card">
        <div class="index-card-head">
          <h3>在线工具</h3>
        </div>
        <div class="index-card-body">
          <div class="index-card-body-list">
            <a href="http://blog.didispace.com/open-nacos-server-1-0-0/" target="_blank"
               itemprop="url">公益：Nacos注册中心与配置中心</a>
          </div>
          <div class="index-card-body-list">
            <a href="http://eureka.didispace.com/" target="_blank" itemprop="url">公益：Eureka注册中心</a>
          </div>
          <div class="index-card-body-list">
            <a href="" target="_blank"
               itemprop="url">工具：Markdown转换器（公众号编辑利器）</a>
          </div>
          <div class="index-card-body-list">
            <a href="" target="_blank" itemprop="url">工具：Json格式化与转换器</a>
          </div>
          <div class="index-card-body-list">
            <a href="#" target="_blank" itemprop="url">#</a>
          </div>
          <div class="index-card-body-list">
            <a href="#" target="_blank" itemprop="url">#</a>
          </div>
        </div>
      </div>
    </div>
  </div>

</template>

<script >
    export default {}
</script>

<style >

</style>
